<template>
  <div class="header-content">
      <div class="user-info">
          <van-image round width="80px" height="80px" fit="cover" :src="headerImage" />
          <span>李阳</span>
      </div>
  </div>
</template>

<script>
export default {
  name: "MineHeader",
  data(){
    return{
      headerImage:""
    }
  }
};
</script>

<style scoped>
.header-content {
  width: 100%;
  height: 200px;
  background: #1296db;
  display: flex;
  align-items: center;
  justify-content: center;
}
.user-info{
    display: grid;
    text-align: center;
    color: white;
    font-weight: 600;
    font-size: 22px;
}
</style>